<html>
<head>
    <!--自定义全局 Style-->
    <style type="text/css">
        h1{text-align: center; background-color: #ff0001;color: white;}
        h2{text-align: left;}
        h3{text-align: left;}
    </style>
</head>

<!--网页背景颜色-->
<body style="background-color: grey;">

<h1>一、第1章</h1>  <hr />

<h2>1.1节</h2>
<!--段落-->
<p>段落1: "Hello World"</p> 

<h2>1.2节</h2>
<!--换行 内嵌超链接文本-->
<p>段落2：Hello <br />
    <a href="https://www.baidu.com">World</a> 
</p>


<h1 style="background-color: indigo;">二、第2章</h1>    <hr />
<!--内嵌图片-->
<p> Picture1：
    <img src="https://images5.alphacoders.com/987/987525.jpg" 
        width="766" height="430" align="top"/>
</p>

<!--内嵌超链接的图片-->
<p> Picture2：
    <a href="https://www.cnblogs.com/SouthBegonia/"> 
        <img src="https://images.cnblogs.com/cnblogs_com/SouthBegonia/1466262/o_200301053931642016.png" 
            width="200" height="200" style="border: 5px solid #ffffff" align="middle" />  
    </a>
</p>


<h1>三、第三章</h1>
<!--段落的Style属性-->
<p style="font-family:'Times New Roman', Times, serif; color:blue">
    This text is in Times and blue</p>
<p style="font-size:30px">
    这段字体的大小为30px</p>

</body>
</html>
<!--Welcome!-->